/*
 * @description:
 * @version:
 * @Author: 王治飞
 * @Date: 2023-08-18 17:12:47
 * @LastEditors: 王治飞
 * @LastEditTime: 2023-08-22 16:21:32
 */
import React, { memo } from 'react'
import { SectonFooterWarp } from './style'
import PropTypes from 'prop-types'
import IconRight from '@/assets/svg/icon_right'
import { useNavigate } from 'react-router-dom'

const SecondFooter = memo(props => {
  const { text = '显示全部', color = '#000' } = props
  const navigate = useNavigate()
  function goDetail() {
    navigate('/detail')
  }
  return (
    <SectonFooterWarp>
      <div className="text" style={{ color: color }} onClick={goDetail}>
        <span style={{ marginRight: '8px' }}>{text}</span>
        <IconRight />
      </div>
    </SectonFooterWarp>
  )
})
SecondFooter.propTypes = {
  text: PropTypes.string,
  color: PropTypes.string
}
export default SecondFooter
